<template>
  <div class="common-layout">
    <el-container>
      <el-aside width="200px">
        <Menu></Menu>
      </el-aside>
      <el-container>
        <el-header>Header</el-header>
        <el-main>Main</el-main>
        <el-footer>Footer</el-footer>
      </el-container>
    </el-container>
  </div>
</template>


<script setup lang="ts">
import Menu from "./menu.vue";

</script>

<style scoped lang="scss">
.el-header{
  border: 1px solid red;
}
.el-aside{
  width: 150px;
  border: 1px solid red;
}

.el-container{
  border: 1px solid red;
}
.layout-1{
  width: 150px;
}
</style>